<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>App-story</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Rebound - Responsive Portfolio Theme for Twitter Bootstrap. Responsive HTML5, CSS3 and jQuery.">
    <meta name="author" content="Pukeko Design Studio">    
    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/component.css" />
	<!-- quảng cao-->
	<link rel="stylesheet" type="text/css" href="css/demoad.css" />
    <link rel="stylesheet" type="text/css" href="css/flipbook.style.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
    <!-- Fav and touch icons -->
  </head>
  <body> 
    <div class="wrapper">
      <div class="row">
	  <div class="recent ">	
		<div id="List" class="recent_carousel" data-settings='{ 
						"auto": true,
						"pause": 5000,
						"slideWidth": 120,
						"minSlides": 1,
						"infiniteLoop": 1,
						"maxSlides": 10,
						"slideMargin": 20,
						"controls" : false,
						"pager" : false,
						"infiniteLoop": true
					}'>
			</div>
		 <div/>
     </div> <!--end row -->
    </div><!-- end wrapper -->
    <div class="">
			<div id="grid-gallery" class="grid-gallery">
				<section class="grid-wrap">
					<ul id="employeeList" class="grid"></ul>
				</section><!-- // grid-wrap -->
				<section class="slideshow">
					<ul>
						<li>
						</li>
					</ul>
					<nav>
						<span class="icon nav-prev"></span>
						<span class="icon nav-next"></span>
						<span class="icon nav-close"></span>
					</nav>					
					</section><!-- // slideshow -->
					</div><!-- // grid-gallery -->		
		<div class="pagination-wrapper">		  
            <ul class="pagination">
              <li class="disabled"><span>Prev</span></li>
              <li class="active"><a href="#none">1</a></li>
              <li><a href="#none">2</a></li>
              <li><a href="#none">3</a></li>
              <li><a href="#none">4</a></li>
              <li><a href="#none">5</a></li>
              <li><a href="#none">Next</a></li>
            </ul>
          </div><!-- end pagination-wrapper -->
		  </div> <!-- end content -->
    <footer class="hidden-xs">
      <p class="pull-left"></p>
      <p class="pull-right"><a href="#">&copy; 2014 Alatca. All Rights Reserved</a>.</p>
    </footer>  
	<!-- Quảng cáo -->
	<div id="cdawrap" onclick='Remove_adv()' >
			<div id="bsap_402" class="bsap" data-serve="CKSDE">				 
				<div id="fusion_ad">				
				<span class="fusionentire">
				 <a href="#" title="testting adv alatca" target="_top">
				   <img src="img/adv.jpg" alt="magazin-publish" border="0"  style=" margin-top:10px;"/></a>
				   <a href="#" class="fusiontext" title="testting adv alatca." target="_top">Auto Cart
					</a>
				</span>
			</div>			
			</div>				
			<span id="cda-remove"></span>
	</div>
			<!-- END quảng cáo -->
	<script src="js/remove_adv.js" type="text/javascript"></script>	
    <!-- Le javascript-->
	<script src="js/jquery.js"></script>
	<script src="js/employeelist.js"></script>
	<script src="js/three66.min.js"></script>
	<script src="js/flipbook.preview.min.js"></script>
	<script type="text/javascript">
        jQuery(document).ready(function ($) {
			var book3 = {
                pages:[
                    {src:"images/book3/1.jpg", thumb:"images/book3/1.jpg", title:"Cover"},
                    {src:"images/book3/2.jpg", thumb:"images/book3/2.jpg", title:"Page two"},
                    {src:"images/book3/3.jpg", thumb:"images/book3/3.jpg", title:"Page three"},
                    {src:"images/book3/4.jpg", thumb:"images/book3/4.jpg", title:"Page 4"},
                    {src:"images/book3/1.jpg", thumb:"images/book3/1.jpg", title:"Page 5"},
                    {src:"images/book3/2.jpg", thumb:"images/book3/2.jpg", title:"Page 6"},
                    {src:"images/book3/3.jpg", thumb:"images/book3/3.jpg", title:"Page 7"},
                    {src:"images/book3/4.jpg", thumb:"images/book3/4.jpg", title:"End"}
                ],
				lightBox:true, 
				webgl:true,
				skin:"light",
				zoom:.9,
			};		
			$('.cover3').flipBook(book3);
        });	
    </script>	   
	<script src="js-slide/modernizr.custom.js"></script>
	<script src="js-slide/imagesloaded.pkgd.min.js"></script>
	<script src="js-slide/masonry.pkgd.min.js"></script>
	<!--<script src="js-slide/classie.js"></script>-->
	<script src="js-slide/cbpGridGallery.js"></script>
	<script>
			new CBPGridGallery(document.getElementById( 'grid-gallery' ) );
	</script>
	<script type='text/javascript' src='js/jquery.fitvids.js'></script>
	<script type='text/javascript' src='js/jquery.bxslider.min.js'></script>
	<script type='text/javascript' src='js/js.js'></script>
  </body>
</html>
